<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>入门案例</title>
	</head>
	<body>
		<!-- 基本语法 
			1.导入JS类库.
			2.指定VUE渲染区域 标签体
			3.实例化VUE对象
			4.数据取值
		-->
		<div id="app">
			<!-- 插值表达式取值 -->
			<h1>{{msg}}</h1>
		</div>
		
		<!-- 1.导入JS类库 -->
		<script src="../js/vue.js"></script>
		<!-- 2.创建VUE对象 -->
		<script>
			/* 关于JS中变量定义说明:
				1.var 没有作用域的概念 容易出现安全性问题. 成员变量
				2.let 作用于var类似, 有作用域的概念  局部变量
				3.const 定义常量
			 */
			const app = new Vue({
				el: "#app",
				data: {
					msg: "vue入门案例 哈哈哈哈"
				}
			})
		</script>
	</body>
</html>
